<?xml version="1.0" encoding="utf-8" ?>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>

<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
    
<!doctype html>
<!-- The DOCTYPE declaration above will set the    -->
<!-- browser's rendering engine into               -->
<!-- "Standards Mode". Replacing this declaration  -->
<!-- with a "Quirks Mode" doctype may lead to some -->
<!-- differences in layout.                        -->

<html>
  <head>
    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <!--                                                               -->
    <!-- Consider inlining CSS to reduce the number of requested files -->
    <!--                                                               -->
    <link type="text/css" rel="stylesheet" href="Sebsibenal.css">

    <!--                                           -->
    <!-- Any title is fine                         -->
    <!--                                           -->
    <title>Sebsibenal - Folk Project</title>
    
    <script type="text/javascript">
    	var pageInfo = {
    			name: "songEditor"
    	}
    </script>
    
    <!--                                           -->
    <!-- This script loads your compiled module.   -->
    <!-- If you add any GWT meta tags, they must   -->
    <!-- be added before this line.                -->
    <!--                                           
    <script type="text/javascript" src="folk_project/folk_project.nocache.js"></script>-->
  </head>

  <!--                                           -->
  <!-- The body can have arbitrary html, or      -->
  <!-- you can leave the body empty if you want  -->
  <!-- to create a completely dynamic UI.        -->
  <!--                                           -->
  <body>
	<div id="navheader">
		<br>
		<span id="toplinks"><span title="${email}">${username}</span> | <a href="${logoutUrl}">Logout</a></span>
		<br>
		<ul>
			<li><a href="#">Folk</a>  |&nbsp;</li>
			<li><a href="#">Sebsibenal</a>  |&nbsp;</li>
			<li><a href="#">Il progetto</a>  |&nbsp;</li>
			<li><a href="brani.shtml">Brani</a>  |&nbsp;</li>
			<li><a href="#" class="selected">Email</a>  |&nbsp;</li>
		</ul>
	</div>
	<table id="content">
		<tbody>
			<tr>
				<td>
					<div id="content-panel">
						<form action="sendEmail.shtml" method="POST">
							<h3>Invio email al gruppo</h3>
							<table style="width:85%; margin-left: 20px">
								<tbody>
									<tr>
										<td width="100px">Oggetto:</td>
										<td><input type="text" style="width:100%" name="subject"></td>
									</tr>
									<tr>
										<td colspan="2">Testo:</td>
									</tr>
									<tr>
										<td colspan="2">
											<textarea rows="20" style="width:100%" name="body"></textarea>
										</td>
									</tr>
									<tr>
										<td colspan="2">
											<button type="submit">Invia</button>
										</td>
									</tr>
								</tbody>
							</table>
						</form>
					</div>
				</td>
			</tr>	
		</tbody>
	</table>
  </body>
</html>
